/********************
	主色： dc391a
 ********************/
@charset "utf-8";

/*a链接*/
.herf{display: block;background: #044c94;color: #fff;}
.herf span{font-size: 14px;line-height: 32px;padding: 0 12px;border-right: 1px solid #fff;}
.herf i{font-size: 16px;line-height: 32px;padding: 0 6px;}

/*产品*/
.leval-t{background: #dc391a;color: #fff;padding: 5px;}
.leval-t .box{border: #fff 1px solid;padding: 30px 0;text-align: center;}
.leval-t .box strong{display: block;font-size: 30px;line-height: 60px;}
.leval-t .box a{display: inline-block;font-size: 14px;line-height: 28px;padding: 0 36px;border: #fff 1px solid;}
.leval span{font-size: 30px;color: #dfdfdf;text-transform: uppercase;padding-left: 52px;line-height: 40px;}
.leval strong{font-size: 30px;color: #333;padding-left: 52px;line-height: 40px;display: block;}
.leval p{background: #ebebeb;padding-left: 50px;height: 60px;color: #333;font-size: 14px;line-height: 60px;margin-top: 22px;}
.leval p a{display: inline-block;margin-right: 12px;}
.prod{padding-top: 30px;overflow: hidden;}
.prod ul li{float: left;width: 282px;margin-right: 24px;}
.prod ul li a{display: block;border: #cfcfcf 1px solid;text-align: center;}
.prod ul li a .img{overflow: hidden;}
.prod ul li a p{border-top: #cfcfcf 1px solid;background: #ebebeb;font-size: 14px;line-height: 48px;color: #333;}
.prod ul li a:hover p{background: #dc391a;color: #fff;}

/*about*/
.about-t{text-align: center;position: relative;}
.about-t:before{content: 'about us';font-size: 72px;color: #edecec;text-transform: uppercase;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;line-height: 72px;}
.about-t p{padding-top: 24px;padding-bottom: 18px; font-size: 30px;line-height: 48px;font-weight: bold;color: #333;text-align: center;background: url(../images/about-t.png) center bottom no-repeat;}
.about-t p span{color: #dc391a}
.about{position: absolute;left: 600px;top: 50px;bottom: 50px;right: 0;padding: 70px 50px;background: url(../images/bg-about.png) center no-repeat;background-size: 100% auto;}
.about span{font-size: 20px;line-height: 36px;color: #999;}
.about strong{display: block;font-size: 24px;line-height: 36px;color: #333;}
.about p{font-size: 14px;line-height: 28px;color: #333;padding: 20px 0;}
.about a{display: inline-block;font-size: 12px;line-height: 36px;border: #dc391a 2px solid;padding: 0 48px;text-transform: uppercase;color: #dc391a;position: relative;z-index: 1}
.about a:after{content: '';position: absolute;left: 0;top: 0;display: block;width: 0;height: 100%;background: #dc391a;z-index: -1}
.about a:hover{color: #fff;}
.about a:hover:after{width: 100%;}

/*news*/
.sect-news{background: #dc391a;}
.news-t{text-align: center;position: relative;z-index: 1}
.news-t:before{content: 'news center';font-size: 72px;color: rgba(255,255,255,.4);text-transform: uppercase;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;line-height: 72px;}
.news-t p{padding-top: 24px;padding-bottom: 18px; font-size: 30px;line-height: 48px;font-weight: bold;color: #fff;text-align: center;}
.news{display: block;padding: 24px 36px;border: #dc391a 1px solid;color: #fff;}
.news span{font-size: 18px;line-height: 24px;height: 24px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news small{font-size: 12px;line-height: 36px;}
.news small i{font-size: 24px;padding-right: 12px;}
.news p{padding-top: 20px;font-size: 12px;line-height: 24px;height: 72px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news:hover{border-color: #fff;}



/*学员*/
.sect-stu{background: url(../images/bg-case.jpg) center no-repeat;margin-top: 30px;padding: 20px 45px;position: relative;}
.sect-stu ul li{float: left;width: 270px;margin-right: 10px;}
.sect-stu ul li a{display: block;overflow: hidden;}
.sect-stu ul li a:hover .img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.sect-stu .prev,.sect-stu .next{position: absolute;top: 40%;display: block;width: 19px;height: 36px;opacity: 0.5;}
.sect-stu .prev{left: 1%;background: url(../images/prev.png) center no-repeat;}
.sect-stu .next{right: 1%;background: url(../images/next.png) center no-repeat;}
.sect-stu .prev:after,.sect-stu .next:after{opacity: 1;}




.case-box{display: block;border: #aaa 1px solid;position: relative;margin-bottom: 14px;text-align: center;}
.case-box .img{background-repeat: no-repeat;background-size: cover;}
.case-box .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.case-box .mask strong{display: block;font-size: 30px;color: #044c94;text-shadow: 2px 2px 0 #fff;}


